<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字节飞行-校服征订助手</title>  
    <meta name="description" content="字节飞行-校服征订助手，专为校服供应商打造的校服征订系统。我们只做您需要的功能。系统操作简单，功能实用。提高校服供应商工作效率，助力校服业务一路畅通。">
    <meta name="keywords" content="校服征订,校服征订小程序,校服系统,校服软件,校服小程序,校服购买,校服商城">
    <meta name="baidu-site-verification" content="codeva-w3OfbgE7Fq" />
    <script src="https://cdn.tailwindcss.com"></script>
    <style>        
        @font-face {
            font-family: "阿里妈妈数黑体 Bold";font-weight: 700;
            src: url("./asset/DftnLFXxGrRM.woff2") format("woff2"),
            url("./asset/DftnLFXxGrRM.woff") format("woff");
            font-display: swap;
        }
    </style>   
    <link rel="icon" href="./asset/favicon.ico" type="image/x-icon" sizes="16x16">   

    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?a80422f42f1c4f34540077d979d6dc85";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
        </script>
        
</head>
<body>
    <!-- 顶部 -->
    <div class="max-w-6xl mx-auto h-16 sm:h-20 flex flex-row items-center px-6 xl:px-0">
        <div class="font-ali">校服征订助手</div>
        <div class="flex-1"></div>
        <div></div>
    </div>
    <!-- header -->
    <div class="py-10 bg-hero-bg md:py-0 md:h-[360px] bg-no-repeat bg-center bg-[length:auto_360px]">
        <div class="max-w-6xl mx-auto px-6 xl:px-0 flex flex-col justify-center items-start h-full">
            <h1 class="text-4xl font-bold tracking-tight lg:text-5xl font-['阿里妈妈数黑体_Bold']">校服征订助手</h1>
            <p class="leading-8 mt-4 text-xl lg:text-2xl">家长便捷 | 学校省心 | 商家赚钱   <br>助力校服生意一路畅通</p>            
        </div>
    </div>
    <!-- 功能 -->
    <div class="bg-gray-100">        
        <div class="max-w-6xl mx-auto grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 py-16 px-6 xl:px-0">
            <div class="shadow-sm rounded-2xl py-8 px-6 flex justify-center flex-col items-center bg-white dark:bg-black hover:scale-[1.05] transition ease-in-out duration-300 select-none">
                <img loading="lazy" width="64" height="64" decoding="async" data-nimg="1" class="pointer-events-none" style="color:transparent" src="./asset/pay.png">
                <h3 class="mt-3 scroll-m-20 text-2xl font-semibold tracking-tight">在线支付</h3>
                <p class="mt-1 text-gray-400">在线缴费更方便，无需学校代收款，家长直接微信付款至校服企业账号。</p>
            </div>
            <div class="shadow-sm rounded-2xl py-8 px-6 flex justify-center flex-col items-center bg-white dark:bg-black hover:scale-[1.05] transition ease-in-out duration-300 select-none">
                <img loading="lazy" width="64" height="64" decoding="async" data-nimg="1" class="pointer-events-none" style="color:transparent" src="./asset/code.png">
                <h3 class="mt-3 scroll-m-20 text-2xl font-semibold tracking-tight">一校一码</h3></h3>
                <p class="mt-1 text-gray-400">针对不同学校，生成一校一码小程序商城。</p></p>
            </div>
            <div class="shadow-sm rounded-2xl py-8 px-6 flex justify-center flex-col items-center bg-white dark:bg-black hover:scale-[1.05] transition ease-in-out duration-300 select-none">
                <img loading="lazy" width="64" height="64" decoding="async" data-nimg="1" class="pointer-events-none" style="color:transparent" src="./asset/kefu.png">
                <h3 class="mt-3 scroll-m-20 text-2xl font-semibold tracking-tight">智能客服</h3>
                <p class="mt-1 text-gray-400">家长第一时间可在线与校服企业进行微信沟通。</p>
            </div>
            <div class="shadow-sm rounded-2xl py-8 px-6 flex justify-center flex-col items-center bg-white dark:bg-black hover:scale-[1.05] transition ease-in-out duration-300 select-none">
                <img loading="lazy" width="64" height="64" decoding="async" data-nimg="1" class="pointer-events-none" style="color:transparent" src="./asset/yewu.png">
                <h3 class="mt-3 scroll-m-20 text-2xl font-semibold tracking-tight">业务管理</h3>
                <p class="mt-1 text-gray-400">校服企业可多平台进行业务的管理，如：电脑、手机。</p>
            </div>
            <div class="shadow-sm rounded-2xl py-8 px-6 flex justify-center flex-col items-center bg-white dark:bg-black hover:scale-[1.05] transition ease-in-out duration-300 select-none">
                <img loading="lazy" width="64" height="64" decoding="async" data-nimg="1" class="pointer-events-none" style="color:transparent" src="./asset/report.png">
                <h3 class="mt-3 scroll-m-20 text-2xl font-semibold tracking-tight">报表中心</h3>
                <p class="mt-1 text-gray-400">依据业务，自动生成校服企业需要的报表数据。</p>
            </div>
            <div class="shadow-sm rounded-2xl py-8 px-6 flex justify-center flex-col items-center bg-white dark:bg-black hover:scale-[1.05] transition ease-in-out duration-300 select-none">
                <img loading="lazy" width="64" height="64" decoding="async" data-nimg="1" class="pointer-events-none" style="color:transparent" src="./asset/feiyong.png">
                <h3 class="mt-3 scroll-m-20 text-2xl font-semibold tracking-tight">费用低廉</h3>
                <p class="mt-1 text-gray-400">校服企业只需付很少的费用，就能获得高质量的服务。</p>
            </div>            
        </div>    
    </div>

    <!-- footer -->
    <div class="text-gray-600 dark:text-gray-300 text-sm">
        <div class="max-w-6xl mx-auto py-16">
            <div class="flex flex-col items-center justify-center gap-3">
                <div class="flex">
                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11011502004889" >豫公网安备 41030502000455号</a>
                    <a href="https://beian.miit.gov.cn/" style="margin-left: 8px">豫ICP备2022012368号-1</a>
                </div>

                <div class="flex flex-col items-center justify-center gap-3">
                    <p>Copyright © 2024 洛阳字节飞行软件开发工作室</p>
                </div>
            </div>
        </div>
    </div>
</body>

<style>
    .font-ali {
        font-family: '阿里妈妈数黑体 Bold';
    }

    .bg-hero-bg {
        background-image: url(./asset/cover.png)
    }
</style>
</html>